<template>
    <div class="box">
        <i class="el-icon-menu"></i>&nbsp; {{ titleText }}
    </div>
</template>

<script>

export default {
    props: {
        titleText: {
            type: String,
            default: "列表"
        },
        width: {
            type: String,
            default: "200px"
        }
    },
    data() {
        return {

        }
    },
    components: {

    }
}
</script>

<style lang="less" scoped>
.box {
    height: 40px;
    line-height: 40px;
    color: aliceblue;
    font-size: 25px;
    border: 2px solid white;
    margin-top: 40px;
    display: flex;

    i {
        display: flex;
        box-sizing: border-box;
        border-right: 2px solid white;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
    }
}
</style>